<!DOCTYPE html>
<html>
<head>
	<title>nth-graph jQuery plugin test</title>
	<script type="text/javascript" src="../lib/jquery.js"></script>
	<script type="text/javascript" src="../lib/jquery.nth-graph.js"></script>
	<script type="text/javascript" src="../lib/jquery.metadata.js"></script>
	<script type="text/javascript">
	// <![CDATA[	
	$(document).ready(function() {
		$(document).nthGraph({"cg":{"graph":{"version":"0.03"}  
				, "nodes":[	
							  {"name":"start"}
							, {"ele":"#out", "type":"out", "output":{"change":"immediately", "type":"text"}
								, "process":"function(){this.out = this.msg+'!'}"
								}
							, {"name":"msg", "data":{"msg":"Hello World"}, "type":"in"}
							, {"name":"end"}
				  ]
				, "edges":[
							  {"from":0, "to":1, "type":"trans"}
							, {"from":1, "to":2, "type":"get", "name":"msg"}
							, {"from":1, "to":3, "type":"trans"}
							, {"from":1, "to":1, "type":"set", "name":"out"}
				  ]
			}, 
			"cgref": "../../additional/example_graphs/hello_example.cg.json"
		});
	});
	
	
	// ]]>
	</script>
</head>
<body>
<p id="out">the place for output</p>
<div style="background:#ccd"> <h2>nth-graph log</h2> <div id="nth-log"> </div>
</div>
</body>
</html>